@charset "utf-8";
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
}
blockquote,body,button,caption,dd,div,dl,dt,fieldset,figure,form,h1,h2,h3,h4,h5,h6,hr,html,input,legend,li,menu,ol,p,pre,table,td,textarea,th,ul{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent;}
address,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
abbr,body,fieldset,html,iframe,img{border:0}
input{border:0;outline:0}
h1,h2,h3,h4,h5,h6,small{font-size:100%}
q:after,q:before{content:none}
label,summary{cursor:default}
a,button{cursor:pointer}
b,em,h1,h2,h3,h4,h5,h6,strong{font-weight:normal;}
a,a:hover,del,ins,s,u{text-decoration:none}
body,button,input,keygen,legend,select,textarea{font:15px/1.2 Microsoft YaHei,WenQuanYi Micro Hei,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;color:#333;outline:0}
html,body,div,span,object,button,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,a,code,em,img,q,small,strong,dd,dl,dt,li,ol,ul,fieldset,form,label,table,tbody,tr,th,td,input {
  margin: 0; padding: 0;  border: 0;}
::-webkit-scrollbar{width:0;height:0;display: none;}
::-webkit-scrollbar-track{background-color:#bee1eb;}
::-webkit-scrollbar-thumb{background-color:#00aff0;}
::-webkit-scrollbar-thumb:hover {background-color:#9c3}
::-webkit-scrollbar-thumb:active {background-color:#00aff0}
body {width: 100%; overflow-x: hidden;  }
ul,li {list-style-type: none;}
html {background: #fff;font-family: 'Microsoft YaHei', 'Helvetica', 'STHeiti', 'Arial', sans-serif; -webkit-text-size-adjust: none;word-break: break-word;}
a {text-decoration: none;color: #333;}
p {color: #333;line-height: 18px;border: none;}
.clearfix:after {visibility: hidden;display: block;font-size: 0;content: " ";clear: both;  height: 0;}
.gotop-btn {position: fixed;bottom:133px;right: 10px; display: none; width: 36px;height: 28px;}
.icon-up{background:url(../../images/cyol/wap_up.png) no-repeat;display:block;width:36px;height:28px;-webkit-background-size:36px 28px;background-size:36px 28px}
/*两会专区*/
.lhzq .topbanner img{display:block;width:100%;}
.lhzq .swiper-container {width: 96%; /*max-width: 414px; height: 310px;*/ border-radius: 10px; overflow: hidden;position:relative;margin: 0 auto;margin-top:10px;padding-bottom:30px;}
.lhzq .swiper-slide {display: flex;justify-content: center; align-items: center;font-size: 24px;color: white;}
.lhzq .swiper-slide img {width: 100%;height: 100%;display:block;object-fit: cover;  }
.lhzq .swiper-slide h3{width:100%;padding:6px 5px;background:url(/themes/cyolwap/assets/images/xwzt/lh/lh_2025fbg.png) left top repeat;font-size:15px;color:#fff;position:absolute;bottom:0px;}
.lhzq .swiper-pagination-bullet-active{background:#e66122;}
.lhzq .swiper-button-next,.lhzq .swiper-button-prev{color:#e66122;}       
.lhzq .lh_toptit{border-bottom: 1px solid #efefef;    padding: 10px 10px;}
.lhzq .lh_toptit a { color: #d00b14; font-size: 18px;font-weight:bold;}
.lhzq .lh_list li{line-height:22px;border-bottom: 1px solid #efefef; padding:10px;font-size:16px;}
.lhzq .lh_list li a{color:#660000;}
.lhzq .pic_list{margin:20px 0;}
.lhzq .pic_list li{position:relative;}
.lhzq .pic_list li img.img1{height:97px;}
.lhzq .pic_list li img.img2{width:24px;height:24px;position:absolute;left:5px;top:62px;}
.lhzq .pic_list h3{color:#660000;font-size:14px;}
/*发展论坛专区*/
.yyzq1{padding-bottom:6px;}

.hl_list111 li{line-height:21px;padding:5px 10px;}
.hl_list111 a{/*color:#c91116;*/color: #333;}
.yyzq1 .alink{display:block;margin: 20px 10px 10px;}
.zqmore{text-align:right;padding-right:10px;}
/*新Baobao区*/
.sybb{display: flex;height:600px;position:relative;background: url("/themes/cyolwap/assets/images/ai/ai_bg.jpg") no-repeat 0 0;background-size:100% 100%;}
	/* 左侧日期列表 */
    .left-side {width:80px;font-size:13px;position:relative;}
    .left-side .tit{width:100%;}
    .left-side .tit img{width:75%;display:block;margin-left: 4px;margin-top:12px;}
    .left-side .qidaiimg{display:block;width:70%;margin:0 auto;margin-top:10px;margin-left:15px;}
    
    .date-list {list-style: none;}
    .date-item {padding: 15px 10px;border-bottom: 1px solid #eee; text-align: center;}
    .little_shop1{margin-left:0px;}
     
    .jian1,.jian2{text-align:center;width: 70px;}
    .jian1{margin-top:3px;}
    .jian1 img,.jian2 img{height:10px;}
    .calendar { height:130px;overflow-y: auto; position: relative;}
    .aibb1{position:fixed; bottom: 130px;  left:7px;  width: 20%;z-index:9;}
    .aibb{height:30px;display:block;margin-left:12px;}
    .aigirl{position: absolute;bottom: 6px;left: 0px;width: 96px;z-index: 0;}
    .week-container {position: absolute;width: 86%;transition: transform 0.5s ease;  }
    .day-item { /*height: calc(calc(100vh - 440px) / 7);*/display: flex; flex-direction: column;align-items: center;justify-content: center;}
    .day-item:first-child {margin-top:0px;}
    .day-item a{width:56%;display:block;padding: 3px;}
    .weekday {font-size: 12px; color: #ae9e46;text-align:center;}
    .date {font-size: 12px; color: #ae9e46;text-align:center;}
    .on .weekday,.on .date,.on2 .weekday,.on2 .date,.on3 .weekday,.on3 .date{background:#f5d486;color:#55312a;text-align:center;font-weight:normal;}
    .on .date,.on2 .date,.on3 .date{padding-top:0px;border-top-left-radius:5px;border-top-right-radius:5px;}
    .on .weekday,.on2 .weekday,.on3 .weekday{padding:5px 0px;border-radius:5px;margin-top: -1px;}
    .onon .date{padding-top:0px;border-top-left-radius:5px;border-top-right-radius:5px;background:#f5d486;color:#55312a;text-align:center;font-weight:normal;}
    .onon .weekday{padding:5px 0px;border-radius:5px;background:#f5d486;color:#55312a;text-align:center;font-weight:normal;}
    
    .little-shop{width:86%;margin-top:1px;margin-left:3px;}
    
/*扇形导航*/
.menu-wrapper { position: relative;width: 80px;height: 78px; margin-top:0px;z-index:9;}
.menu-toggle {position: absolute;width: 80px;display: flex; justify-content: center;  align-items: center; cursor: pointer;z-index: 2; transition: transform 0.3s;}
.menu-wrapper .menu-toggle img{width:85%;margin-left:3px;}
.menu-wrapper .menu-toggle img.img1{width: 56px;margin-right: 10px;}
.menu-wrapper .menu-toggle img.img2{display:none;}
.menu-items { position: absolute;top: 0;left: 0;width: 100%;height: 100%;list-style: none;padding: 0;margin: 0;z-index: 1;}
.menu-items li {position: absolute; top: 50%; left: 50%;width:70px;height: 72px;display: flex;justify-content: center;align-items: center;transition: transform 0.3s ease;
    transform: translate(-50%, -50%) scale(0); opacity: 0;}
.menu-wrapper.active .menu-items li { opacity: 1;}
.menu-wrapper.active .menu-toggle img.img1{display:none;}
.menu-wrapper.active .menu-toggle img.img2{display:block;}
.menu-items li i {  color: white; font-size: 12px; line-height:14px;text-align:center; font-style: normal;}
.menu-items li i img{width:100%;height:100%;}
.menu-wrapper.active .menu-items li:nth-child(1) {
    transform: translate(-50%, -50%) translate(10px, -70px) scale(1);
}
.menu-wrapper.active .menu-items li:nth-child(2) {
    transform: translate(-50%, -50%) translate(75px, -55px) scale(1);
}
.menu-wrapper.active .menu-items li:nth-child(3) {
    transform: translate(-50%, -50%) translate(115px, -4px) scale(1);
}
.menu-wrapper.active .menu-items li:nth-child(4) {
    transform: translate(-50%, -50%) translate(115px, 64px) scale(1);
}
.menu-wrapper.active .menu-items li:nth-child(5) {
    transform: translate(-50%, -50%) translate(75px, 115px) scale(1);
}
.menu-wrapper.active .menu-items li:nth-child(6) {
    transform: translate(-50%, -50%) translate(10px, 130px) scale(1);
}
    /* 右侧稿件列表 */
    .right-side {flex-grow: 1; width: calc(100% - 80px);position: relative;height:580px; }
    .hd-tit{height:68px;overflow:hidden;display: flex;}
    .hd-tit .shuzi{display:block;width:54px;height:60px;margin-top:8px;}
    
    #List{margin-top:0px;overflow-y: auto;height: 505px;padding-right:15px;border-radius:16px;}
    .article-list {list-style: none;font-size:14px;}
    .article-list li img{border-radius: 4px;}
    .article-list li .img img{width:100%;margin-top:5px;}
    .article-item {  padding: 12px; margin-bottom: 10px;background: #f8f8f8;border-radius: 4px;}
    
    .swiper_hd { margin:0 14px 0 8px; height:68px; flex:1; margin-top:0px;}
    .swiper_hd .swiper-slide { display: flex; justify-content: center; align-items: center; font-size: 14px;  color: white;}
    .swiper_hd .swiper-slide .txt{font-size:12px;line-height:16px;flex: 1;/*color:#55312a;*/}
    .swiper_hd .swiper-slide .img{width:60px;margin-left:5px;}
    .swiper_hd .swiper-slide .img img{width:100%;display:block;}
    .swiper_hd .swiper-pagination-bullet-active { background-color: #ff0000;}
    #zph li{padding: 10px;background:#fff;border-radius:3px;margin-bottom:15px;box-shadow: 3px 3px 5px rgba(235, 166, 6, 0.6);overflow: auto;}

    #zph .thumb{float: right;width: 38%;height: 80%;border-radius:5px;margin-left:4%;}
    #zph .title{/*width: 58%;height: 58px;*/overflow: hidden;text-overflow: ellipsis;   display: -webkit-box;   -webkit-line-clamp: 3;   -webkit-box-orient: vertical;}
    #zph .label{margin-top: 4px;}
    #zx .thumb{float: left;width: 38%;height: 84%;border-radius:5px;}
    #zx .title{width: 58%;height: 54px;overflow: hidden;padding-left: 2%;}
    #zx .label{width: 58%;overflow: hidden;margin-top: 4px;padding-left: 2%;}
    #zd .thumb{float: right;width: 38%;height: 84%;border-radius:5px;}
    #zd .title{width: 58%;height: 54px;overflow: hidden;}
    #zd .label{margin-top: 4px;}
    #zph .img1{display:flex;justify-content: space-between;}
    #zph .img1 img{margin:5px 0;width:32%;}
    .more{width: 100%;}
    .item-time {color: #777777;font-size: 12px; margin-top:5px;}
   /*中青号精选*/   
    .jx_lists{width: 100%;margin-top:20px; margin-bottom:15px;  }
    .jx_lists .jx_img{width:40%;    margin-top: 3px;}
    .jx_lists .lanmu{margin:0 10px;}
    .jx_lists .lanmu span{float:right;color:#55312a;font-size:14px;background: url("/themes/cyolwap/assets/images/ai/aibb_jian3.png") no-repeat right center;background-size:10px 10px;padding-right:13px;}
    .jx_lists .jx_items{margin-top:10px;width:100%; overflow-x: auto;overflow-y: hidden;   white-space: nowrap}
    .jx_lists .jx_items .jx_item {width: 55%;height:143px;background:#fff;border-radius:6px;display: inline-block;margin-right:10px;padding: 0 0px;overflow:hidden;box-shadow: 3px 3px 5px rgb(155 153 150 / 60%); }
    .jx_lists .jx_items .jx_item .img{width:100%;height:100px;}
    .jx_lists .jx_items .jx_item img{width:100%;height:100%;margin:0 auto;object-fit: cover; /* 保持图片的宽高比并裁剪超出部分 */display: block;}
    .jx_lists .jx_items .jx_item .tit{font-size:14px;color:#222;font-weight:normal;padding:5px;
    /* 调整文本显示属性 */
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal; /* 替换原来的wrap */
        line-height: 15px;
        height: 34px; /* 2*18=36 */
    
        /* 兼容性补充 */
        word-break: break-word;
        max-height: 36px;}
    .jx_lists .jx_items .jx_item .tit span{color:#777;font-size:12px;display:none;}
   
    /* 滑动优化 */
    .scroll-area ,.scroll-area-bot{ -webkit-overflow-scrolling: touch; }

 /*---BAOBAO区---*/
.prism-player .prism-big-play-btn .outter{border:none;}
.prism-player .prism-big-play-btn{width:40px;height:40px;}
.prism-player .prism-progress-hover{height:4px;}
.prism-player .prism-liveshift-progress .prism-progress-played, .prism-player .prism-progress .prism-progress-played{background-color:#e20c20;}
.prism-player .prism-progress .prism-progress-cursor{display:block!important;}
.prism-player .prism-progress .prism-progress-cursor img{display:none;}
.prism-player .prism-liveshift-progress .cursor-hover, .prism-player .prism-progress .cursor-hover{width:16px;height:16px;top:-6px!important;}
.prism-player .prism-volume-control .volume-value{background: #e20c20;}
.bbBox{padding:15px 10px;background:url(/themes/cyolwap/assets/images/baobao/bao_boxbg.jpg) center top repeat-y;background-size:100%;position:relative;}
.bbBox .b_hua{position:absolute;width:32%;bottom:0;right:12px;display:none;}
.bbBox .b_hua img{width:100%;}
.bbBox .bb_con{background:#ffd16f;}
.bbBox .playbox .tit{padding: 12px 6px;font-size:16px;color:#af5b00;font-weight:bold;line-height:20px;}
.zhuanma,.qidai{text-align:center;line-height:190px;font-size:0.8rem;background:#000;color:#fff;display:none;}
.play_menus{height:42px;overflow:hidden;}
.play_menus span{font-size:16px;color:#af5b00;display:inline-block;width:25%;height:42px;line-height:50px;overflow:hidden;box-sizing:border-box;text-align:center;cursor:pointer;}
.play_menus span.on{color:#fff;border-bottom:2px solid #de9a09;}
.play_menubox{background:#faf9e6;height:71px;overflow:hidden;}
.play_menu_info{height:61px;padding-top: 0px; margin-bottom: 10px;overflow-x: hidden;overflow-y: scroll;}
.play_menu_info td{font-size:14px;line-height:20px;padding:9px 8px;color:#212020;word-break: normal;}
.play_menu_info td a{color:#212020;}
.play_menu_info tr.noclick td,.play_menu_info tr.noclick td a{color:#999;}
.play_menu_info tr.myclick{cursor:pointer;}
.play_menu_info .now{background: #ff9d4c;}
.play_menu_info .now td ,.play_menu_info .now td a{color:#fff;font-weight:bold;}
.play_menu_info td img{vertical-align: middle;margin-left:4px;height:20px;}
.yesmenu,.towmenu{display:none;}
.todmenu{display:block;}
.play_menu_info::-webkit-scrollbar{background: #ffd16f;width:5px;}
.play_menu_info::-webkit-scrollbar-thumb{background: #de9a0a;width:5px;}
.play_menu_info::-webkit-scrollbar-track {background: #ffd16f;}
.gengzao{display:none;}
.gengzao .th{font-size:15px;color:#b05800;padding:13px 10px 0px;font-weight:bold;}
.bbBox .chakan{background:#faf9e6;height:40px;line-height:40px;padding-left:10px;}
.bbBox .chakan a{font-size:15px;color:#bb830c;background:url(/themes/cyolwap/assets/images/baobao/bao_arr1.png) right 2px no-repeat;background-size:12px 18px; padding-right:16px;}
/*--头条 headline--*/
.block-title{line-height: 26px;overflow: hidden;margin-bottom: 9px; padding:17px 10px 6px; border-bottom: 3px solid #e60012;}
.block-title a{color: #e60012; font-size: 20px;font-weight:bold;}
.headline{border-bottom: 1px solid #efefef; padding:10px;line-height:28px;font-weight: bold;}
.headline a{color: #3848a0;font-size:18px;}
.hl_list li{line-height:22px;border-bottom: 1px solid #efefef; padding:10px;}
.hl_list.tta a{}
.hl_list11 li{line-height:22px;border-bottom: 1px solid #efefef; padding:10px;color: #c91116;}
.hl_list11 a{color: #c91116;}

/*----滚动新闻----*/
.scrollbox{width:92%;position:relative;margin:20px auto 0px; overflow: hidden; border: 1px solid #f3f3f3; padding: 12px 0px;-webkit-box-shadow:0px 0px 3px rgba(204, 204, 204, 0.4); box-shadow:0px 0px 3px rgba(204, 204, 204, 0.4); }
#scrollDiv{margin: 0px 35px;height:50px; overflow:hidden;}
#scrollDiv li{width:100%;vertical-align:bottom; zoom:1; line-height:25px;height:25px;overflow:hidden;}
.scrControl{position:absolute;width:15px;top:22px;right:10px;}
#btn_up{ background:url(../../images/cyol/cyol_up.gif) no-repeat 0 0; text-indent:-9999px}
#btn_down{ background:url(../../images/cyol/cyol_down.gif) no-repeat 0 0; text-indent:-9999px}
.scrollbox .lanmu{position: absolute;left: 0px;top: 15px;width: 24px;padding: 4px 2px;line-height: 20px;background: #e86174;text-align: center;font-size: 14px;border-top-right-radius:8px;border-bottom-right-radius:8px;}
.scrollbox .lanmu a{color:#fff;}
/*----新闻----*/
.block_news img{width:70px;}
.block_news{line-height: 26px;   overflow: hidden;   margin-bottom: 9px;padding: 17px 10px 0px;   border-bottom: 3px solid #e60012;}
/*----文化----*/
.cultrue{background:#eeeeee;  padding-top: 10px;}
.dtsty{height:42px;border-bottom: 3px solid #e60012;margin-bottom:20px;}
.dtsty a{font-size:12px;display:inline-block;margin-right:10px;height:26px;padding:0 10px;line-height:26px;background:#fff;margin-top:9px;border-radius:13px;}
.dtsty a:hover{background:#e60012;color:#fff;}
.cultrue dt{background:url(http://www.cyol.com/themes/cyol/assets/images/cyol/cyol_culture.gif) 10px 14px no-repeat;background-size: auto 23px;padding-left:96px;}
.cultrue dt div{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.cultrue dt div::-webkit-scrollbar{display:none; width: 0px; height: 0px;}
.pic_list li{width: 44%; float: left; margin: 0px 3%; height: 170px;}
.pic_list li img{width: 100%;height: 92px;}
.pic_list li h3 {line-height: 18px; margin: 5px 0px;max-height:54px;text-overflow: ellipsis;overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical; }  
.pic_list li .desc{font-size: 12px;line-height: 16px;color: #666;max-height:32px;overflow: hidden;}  
/*----我看见----*/
.immersive{background:#535353;padding-top: 10px;}
.immersive .block_sight{ height: 42px;border-bottom: 3px solid #e60012;margin-bottom: 20px;}
.immersive .block_sight img{width:90px;margin:10px auto auto 10px}
.big-pic{margin:0px 10px 20px;position:relative;}
.big-pic .img1{width:100%;display: block;}
.big-pic .img2{width:35px;height:35px;display: block;position:absolute;left:5px;bottom:45px;}
.big-pic h3 {height: 40px;line-height: 40px;margin-top: -40px; position: relative; background: rgba(0,0,0,.5); color: #fff;padding-left: 10px;overflow: hidden;}
.pic_list2 li{width: 44%; float: left; margin: 0px 3%; height: 175px;position:relative;}
.pic_list2 li .img1{width: 100%;height: 92px;}
.pic_list2 li .img2{width:30px;height:30px;display: block;position:absolute;left:5px;top:57px;}
.pic_list2 li h3 {line-height: 20px; margin: 5px 0px;max-height:60px;color:#fff;otext-overflow: ellipsis;overflow: hidden;   display: -webkit-box;  -webkit-line-clamp: 3;  -webkit-box-orient: vertical;  }  
.pic_list2 li .desc{font-size: 12px;line-height: 16px;color: #999;        max-height: 32px;
        overflow: hidden;
        text-overflow: ellipsis;}  
/*----融媒精选----*/
.selected{background:#eee;padding-top: 10px;}
.selected dt{background:url(http://www.cyol.com/themes/cyol/assets/images/cyol/cyol_choice.gif) 10px 14px no-repeat;background-size: auto 23px;}
.dtsty1{height:84px;border-bottom: 3px solid #e60012;margin-bottom:20px;overflow-y: hidden; overflow-x: scroll;}
.dtsty1 a{font-size:12px;display:inline-block;margin-right:10px;height:26px;padding:0 10px;line-height:26px;background:#fff;margin-top:9px;border-radius:13px;}
.dtsty1 a:hover{background:#e60012;color:#fff;}
.dtsty1 div{padding-top:38px;margin-left:10px;overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.dtsty1 div::-webkit-scrollbar{display:none; width: 0px; height: 0px;}
.jiugg{height: 100px;overflow: hidden;white-space: nowrap; overflow-x: scroll;padding:20px 0px;margin:20px 0px 0px;border-top: 1px solid #f3f3f3;border-bottom: 1px solid #f3f3f3;-webkit-box-shadow: 0px 3px 8px rgba(204, 204, 204, 0.4);box-shadow: 0px 3px 8px rgba(204, 204, 204, 0.4);background:#f6f6f6;}
.jiugg a{margin:0px 8px;}
.jiugg img{height:60px;display:inline-block;border-radius:10px;}
.jiugg::-webkit-scrollbar{   display: none;   width: 0;   height: 0;}
/*----学堂----*/
.school{background:#fff;padding-top: 10px;}
.school dt{background:url(http://www.cyol.com/themes/cyol/assets/images/cyol/cyol_school.gif) 10px 14px no-repeat;background-size: auto 23px;}
.school dt div{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;}
.dtsty2{height:42px;border-bottom: 3px solid #e60012;margin-bottom:20px;}
.dtsty2 a{font-size:12px;display:inline-block;margin-right:10px;height:26px;padding:0 10px;line-height:26px;background:#e9e9e9;margin-top:9px;border-radius:13px;}
.dtsty2 a:hover{background:#e60012;color:#fff;}
/*----青年眼----*/
.eyes{background:#eee;padding-top: 10px;}
.eyes dt{background:url(http://www.cyol.com/themes/cyol/assets/images/cyol/cyol_campus.gif) 10px 14px no-repeat;background-size: auto 23px;}
.eyes dt div{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;margin-left:90px;}
.eyes dt div::-webkit-scrollbar{display:none; width: 0px; height: 0px;}
/*----思想者----*/
.thinker{background:#fff;padding-top: 10px;}
.thinker dt{background:url(http://www.cyol.com/themes/cyol/assets/images/cyol/cyol_thinker.jpg) 10px 14px no-repeat;background-size: auto 23px;overflow: hidden;
        }
.thinker dt div{overflow: hidden;overflow-x: scroll;-webkit-overflow-scrolling: touch;white-space: nowrap;margin-left:105px;}
.thinker dt div::-webkit-scrollbar{display:none; width: 0px; height: 0px;}

/*------专区----*/